/* * Author: Digital Zoom Studio * Website: http://digitalzoomstudio.net/ * Portfolio: http://codecanyon.net/user/ZoomIt/portfolio * * Version: 1.31 * */ @-webkit-keyframes keyframes-rotate { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes keyframes-rotate { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .dzsparallaxer:not(.mode-oneelement) { height: 300px; overflow: hidden; background-color: #1c1a17; position: relative; transition-property: height; transition-duration: 0.3s; -moz-transition-property: height; -moz-transition-duration: 0.3s; -webkit-transition-property: height; -webkit-transition-duration: 0.3s; -o-transition-property: height; -o-transition-duration: 0.3s; -ms-transition-property: height; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target { position: relative; } .dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target.position-absolute { position: absolute; top: 0; left: 0; } .dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--blackoverlay { position: absolute; opacity: 0; background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .dzsparallaxer:not(.mode-oneelement) .big-text { position: absolute; text-align: center; width: 80%; left: 10%; font-size: 40px; font-weight: 300; top: 70px; color: #eee; line-height: 1.5; font-style: italic; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); opacity: 0.7; } .dzsparallaxer:not(.mode-oneelement) .big-text .smaller { font-size: 60%; } .dzsparallaxer:not(.mode-oneelement) > .container, .dzsparallaxer:not(.mode-oneelement) > .row, .dzsparallaxer:not(.mode-oneelement) > p, .dzsparallaxer:not(.mode-oneelement) > div { position: relative; } .dzsparallaxer:not(.mode-oneelement) .center-it { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .dzsparallaxer:not(.mode-oneelement) .center-it-vertically { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 10px; } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"] { position: absolute; bottom: -1px; left: 0; width: 100%; } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"] .display-block { display: block; } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].top { bottom: auto; top: 0; } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedY { transform: scaleY(-1); } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedX { transform: scaleX(-1); } .dzsparallaxer:not(.mode-oneelement) *[class^="dzsprxseparator--"].flippedXY { transform: scale(-1, -1); } .dzsparallaxer.wait-readyall .dzsparallaxer--target { opacity: 0; transition-property: height, opacity; transition-duration: 0.5s; -moz-transition-property: height, opacity; -moz-transition-duration: 0.5s; -webkit-transition-property: height, opacity; -webkit-transition-duration: 0.5s; -o-transition-property: height, opacity; -o-transition-duration: 0.5s; -ms-transition-property: height, opacity; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .dzsparallaxer.mode-oneelement { position: relative; } .dzsparallaxer.wait-readyall.dzsprx-readyall .dzsparallaxer--target { opacity: 1; visibility: visible; } .dzsparallaxer.use-loading .dzsparallaxer--target { opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: 0.7s; -moz-transition-property: opacity, visibility; -moz-transition-duration: 0.7s; -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.7s; -o-transition-property: opacity, visibility; -o-transition-duration: 0.7s; -ms-transition-property: opacity, visibility; -ms-transition-duration: 0.7s; -ms-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .dzsparallaxer.use-loading .preloader-semicircles { transition-property: all; transition-duration: 0.3s; -moz-transition-property: all; -moz-transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-property: all; -o-transition-duration: 0.3s; -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .dzsparallaxer.simple-parallax.use-loading .dzsparallaxer--target { opacity: 0; visibility: hidden; } .dzsparallaxer.height-is-based-on-content { height: auto; padding: 0 !important; } .dzsparallaxer.height-is-based-on-content .dzs-container { padding: 45px 0; } .dzsparallaxer.height-is-based-on-content .dzsparallaxer--target { position: absolute; } .dzsparallaxer.height-is-based-on-content > div { position: relative; } .dzsparallaxer.use-loading.loaded .dzsparallaxer--target { opacity: 1; visibility: visible; } .dzsparallaxer.use-loading.loaded .preloader-semicircles { transform: translate3d(0, -50px, 0); opacity: 0; visibility: hidden; } .dzsparallaxer.allbody { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; } .divimage { background-size: cover; background-position: center center; } .dzsparallaxer.is-ie-11 .simple-parallax-inner { clip: auto; } .dzsparallaxer.is-ie-11 .simple-parallax-inner .divimage.dzsparallaxer--target { background-attachment: fixed; position: relative; } .dzsparallaxer.simple-parallax { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dzsparallaxer.simple-parallax .simple-parallax-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, auto, auto, 0); } .dzsparallaxer.simple-parallax .dzsparallaxer--target { position: static; top: 0; left: 0; width: 100%; height: 100%; position: fixed; pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dzsparallaxer.simple-parallax .simple-parallax-inner.is-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: auto; } .dzsparallaxer.simple-parallax .simple-parallax-inner.is-image > .divimage { position: absolute; background-attachment: fixed; background-repeat: no-repeat; } .dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: auto; } .dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner > .divimage { position: absolute; background-attachment: fixed; } .dzsparallaxer.simple-parallax.simple-parallax--is-only-image.under-500 .simple-parallax-inner > .divimage { background-attachment: local; } .blur-it { filter: blur(20px); -webkit-filter: blur(20px); } .dzsparallaxer div.semi-black-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.6))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000',GradientType=0 ); } .radial-bg { position: absolute; } .color-white { color: #fff; } .row-inline { font-size: 0; } .row-inline .col-md-6 { font-size: 15px; display: inline-block; vertical-align: middle; float: none; } .dzs-row-inline { font-size: 0; } .dzs-row-inline .dzs-col-md-6 { font-size: 13px; display: inline-block; vertical-align: middle; float: none; } @media (max-width: 992px) { .row-inline .col-md-6 { width: 100%; margin-bottom: 15px; padding: 0 30px 15px; } } .separator-black-grey polygon, .separator-black-grey polyline, .separator-black-grey path { fill: #222; } .separator-white-grey polygon, .separator-white-grey polyline, .separator-white-grey path { fill: #ddd; } .dzs-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1170px; margin: 0 auto; } .dzs-row { margin-right: -15px; margin-left: -15px; } .dzs-col-md-6 { width: 50%; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; } @-webkit-keyframes preloader-semicircles-tween { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes preloader-semicircles-tween { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .preloader-semicircles { width: 15px; height: 15px; background: rgba(230, 50, 50, 0.9); border-radius: 50px; position: absolute; top: 50%; left: 50%; opacity: 0.7; visibility: visible; pointer-events: none; margin-left: -15px; margin-right: -15px; animation: preloader-semicircles-tween 1.4s infinite linear; -webkit-animation: preloader-semicircles-tween 1.4s infinite linear; } body .dzsparallaxer .preloader-semicircles { position: absolute; } .preloader-semicircles:after { position: absolute; width: 25px; height: 25px; border-top: 5px solid #c83232; border-bottom: 5px solid #c83232; border-left: 5px solid transparent; border-right: 5px solid transparent; border-radius: 25px; content: ''; top: -10px; left: -10px; box-sizing: content-box; } .center-it { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .dzs-colcontainer { margin-left: -15px; margin-right: -15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .dzs-colcontainer-w { width: 1230px; padding: 0 30px; max-width: 100%; min-height: 1px; } .dzs-colcontainer.row-inline { font-size: 0; } .dzs-colcontainer.row-inline *[class*="dzs-col-"] { float: none; display: inline-block; font-size: 13px; vertical-align: middle; } .dzs-colcontainer:after { display: block; content: ""; clear: both; } *[class*="dzs-col-"] { float: left; padding-left: 15px; padding-right: 15px; } .dzs-col-3 { width: 25%; padding-left: 15px; padding-right: 15px; } .dzs-col-4 { width: 33.3%; padding-left: 15px; padding-right: 15px; } .dzs-col-8 { width: 66.6%; padding-left: 15px; padding-right: 15px; } .dzs-col-6 { width: 50%; padding-left: 15px; padding-right: 15px; } .dzs-col-12 { width: 100%; padding-left: 15px; padding-right: 15px; } .dzsparallaxer--team-members-con { width: 70%; max-width: 1100px; margin: 0 auto; } .dzsparallaxer.under-760 .dzsparallaxer--team-members-con { width: 100%; } .dzsparallaxer--team-member-con { text-align: center; } .dzsparallaxer--team-member-con img { max-width: 100%; } .dzsparallaxer--team-member-con .team-member--title { color: #fff; text-transform: uppercase; margin-top: 15px; line-height: 1; font-size: 15px; } .dzsparallaxer--team-member-con .team-member--subtitle { opacity: 0.5; margin-top: 10px; line-height: 1.5; background-color: #FFFFFF; color: #111; padding: 5px; } .center-it { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .black-leg-bar { height: 2px; left: -20px; background-color: #222222; width: 40px; } .white-leg-bar { height: 2px; left: -20px; background-color: #ffffff; width: 40px; } .light-grey-box, .lighter-grey-box, .dark-grey-box, .darker-grey-box, .white-white-box { background-color: #ccc; color: #222; padding: 20px; font-size: 17px; line-height: 1.8; } .dark-grey-box { background-color: #444444; color: #ffffff; } .darker-grey-box { background-color: #333; color: #ffffff; } .lighter-grey-box { background-color: #dddddd; } .offset-left-10px { margin-left: -10px; } .offset-right-10px { margin-right: -10px; } .white-white-box { background-color: #ffffff; } .dzsparallaxer.blockquote-box { padding: 25px 30px 20px; font-size: 23px; font-weight: 300; font-style: italic; } .dzsparallaxer.blockquote-box p:last-child { margin-bottom: 0; } .dzsparallaxer.blockquote-box:before, .dzsparallaxer.blockquote-box:after { content: ""; background: url('data:image/svg+xml;utf8, '); position: absolute; top: 5px; left: 5px; width: 22px; height: 22px; opacity: 0.5; } .dzsparallaxer.blockquote-box:after { content: ""; top: auto; left: auto; right: 5px; bottom: 5px; transform: scaleX(-1); } /*# sourceMappingURL=dzsparallaxer.css.map */